<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>构造函数</title>
</head>

<body>
  <script>
    var str = new String('hello')
    console.log(str)


    function Fn() {
      console.log(this)
    }
    Fn()

    var fn2 = new Fn()
    console.log(fn2)

  // new 干了几件事
  // 1、创建了一个对象
  // 2、this指向这个对象
  // 3、返回这个对象


  // 一般  this指向window
  // 在事件中  this指向事件源
  // 在对象中  this指向这个对象
  // 在箭头函数中  this没有指向，跟随父元素的指向
  </script>
</body>

</html>